/* 前台样式 */
ul,li{
    padding:0;
    margin:0;
    list-style: none;
}
.left_box{
    min-height: 800px;
    border-right: 1px solid #eee;
    box-shadow:0 0 12px #eee inset;
    padding:0;
}
.left_box .user_info{
    padding:20px 10px;
    background: url(/images/index/bg.jpg) no-repeat center
}
.left_box .user_info img{
    height:60px;
    width:60px;
    border-radius:50%;
}
.left_box .user_info .name{
    margin-top: 10px;
}

.category{
    list-style: none;
    margin-top: 10px;
    padding:0;
}
.category li{
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    font-size: 12px;
}
.category li.active{
    background:#eee;
    
}
.category li.active a{
    color:purple
}
.category i{
    font-size: 14px;
    margin-right: 10px;
}

/* 首页右侧盒子 */
.right_box{
    padding:0;

}
.right_box .content ul,li{
    list-style: none;
}
.right_box .header{
    height:30px;
    line-height: 30px;
    background: purple;
    color:white;
    text-align: center;
}
.right_box .content ul{
    padding:20px 60px;
}
.right_box .article{
    border:1px solid #eee;
    box-shadow: 1px 1px 2px silver;
    padding:10px 10px 0px 10px;
    margin-bottom: 20px;
}
.right_box .article .time{
    font-size: 12px;

}
.right_box .article .title{
    color:purple;
    font-size:18px;
    font-weight: 500;
    padding:8px 0;
}

.right_box .article .content{
    font-size: 12px;
    padding:5px 0;
}
.right_box .article .footer{
    border-top: 2px solid #eee;
}
.right_box .article .footer .btn{
    margin:10px;
}

/* 文章详情页样式 */
.info{
    font-size: 12px;
    color: gray;
}
.info .author{
    margin-right: 20px;
}
.info .time{
    margin-right: 20px;
}

.coment_title{
    font-size: 18px;
    padding:15px 3px;
    border-bottom: 1px solid purple;
    margin-bottom: 10px;
}
.btn-success{
    margin-top: 10px;
}